/* pages/goodsDetail/index.wxss */
.detail {
    background: #ffffff;
}
.detail-photo {
    width: 750rpx;
    height: 750rpx;
}
.detail-photo-swiper {
    width: 100%;
    height: 100%;
}
.detail-photo-swiper-img {
    width: 100%;
    height: 100%;
}
.detail-vip {
    height: 80rpx;
}
.detail-vip > view {
    display: inline-block;
    vertical-align: middle;
}
.detail-vip-left {
    width: 266rpx;
    background: #3a3943;
    height: 80rpx;
    line-height: 80rpx;
    font-size: 0;
    text-align: center;
}
.detail-vip-left > view {
    display: inline-block;
    vertical-align: middle;
}
.detail-vip-left-img {
    width: 34rpx;
    height: 34rpx;
    line-height: 0;
}
.detail-vip-left-img > image {
    width: 100%;
    height: 100%;
}
.detail-vip-left-text {
    font-size: 32rpx;
    height: 100%;
    font-weight: Normal;
    color: #ffdc8d;
    margin: 0 10rpx;
}
.detail-vip-left-price {
    font-size: 32rpx;
    text-align: center;
    color: #ffdc8d;
}
.detail-vip-right {
    width: 484rpx;
    height: 80rpx;
    line-height: 80rpx;
    background: #ffdc8d;
    position: relative;
    font-size: 0;
}
.detail-vip-right > view {
    display: inline-block;
    vertical-align: middle;
}
.detail-vip-right-text {
    font-size: 32rpx;
    font-weight: Normal;
    color: #3a3943;
    margin-left: 32rpx;
}
.detail-vip-right-price {
    font-size: 32rpx;
    font-family: ArialMT;
    color: #ff8a47;
    margin-left: 10rpx;
}
.detail-vip-right-level {
    position: absolute;
    right: 20rpx;
    height: 80rpx;
}
.detail-vip-right-level > view {
    display: inline-block;
}
.detail-vip-right-level-text {
    font-size: 32rpx;
    font-weight: 700;
    color: #3a3943;
}
.detail-vip-right-level-img {
    width: 23rpx;
    height: 23rpx;
    margin-left: 10rpx;
    line-height: 0;
}
.detail-vip-right-level-img > image {
    width: 100%;
    height: 100%;
}
.detail-title {
    font-size: 34rpx;
    font-weight: 700;
    text-align: left;
    color: #3a3943;
    padding: 40rpx 40rpx 20rpx 40rpx;
    box-sizing: border-box;
}

.detail-price {
    padding: 0 40rpx 40rpx 40rpx;
    box-sizing: border-box;
    font-size: 0;
    line-height: 1;
    border-bottom: 1px solid #eee;
}
.detail-price-layer {
    position: relative;
}
.detail-price-layer > view {
    display: inline-block;
    vertical-align: bottom;
}
.detail-price-discount {
    font-size: 48rpx;
    font-weight: 700;
    color: #ff6839;
}
.detail-price-primary {
    font-size: 26rpx;
    font-weight: 400;
    color: #bcbcbc;
    margin-left: 10rpx;
    text-decoration: line-through;
}

.detail-price-storage {
    width: 150rpx;
    font-size: 26rpx;
    font-weight: 400;
    color: #3a3943;
    position: absolute;
    right: 0;
    bottom: 15rpx;
}

.detail-price-number {
    width: 150rpx;
    font-size: 26rpx;
    font-weight: 400;
    color: #3a3943;
    position: absolute;
    right: 0;
    bottom: -15rpx;
}
.detail-text {
    font-size: 28rpx;
    text-align: left;
    color: #85838f;
    padding: 30rpx 40rpx;
    box-sizing: border-box;
}
.group-head {
    font-size: 90%;
    color: #555;
    border-top: 10px solid #f6f6f8;
    padding: 5px 15px;
    border-bottom: 1px solid #eee;
}

.detail-group {
    padding: 0 15rpx;
    /* border-bottom: 1px solid #eee; */
}
.detail-group .group-list {
    border-bottom: 1px solid #eee;
    padding: 10rpx 0;
    display: flex;
}
.detail-group .detail-group-user {
    width: 58%;
}
.detail-group-item {
    width: 75rpx;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10rpx;
}
.detail-group-item-img {
    width: 70rpx;
    height: 70rpx;
}
.detail-group-item-img > image {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}
.detail-group-item-nickname {
    margin-top: 5rpx;
    font-size: 0.5rem;
    font-weight: Normal;
    text-align: center;
    color: #3a3943;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.detail-group-info {
    width: 23%;
    padding-top: 14rpx;
    color: #666;
    font-size: 0.8rem;
}

.detail-group-info .number {
    color: red;
}

.detail-group-info .detail-group-info-tip {
    margin-left: 5rpx;
    color: #666;
    margin-bottom: 15rpx;
}
.detail-data {
    padding: 30rpx 40rpx;
    box-sizing: border-box;
}
.detail-data > view {
    display: inline-block;
    vertical-align: middle;
}
.detail-data-search {
    width: 50%;
}
.detail-data-search > view {
    display: inline-block;
    vertical-align: middle;
}
.detail-data-search-img {
    width: 34rpx;
    height: 34rpx;
}
.detail-data-search-img > image {
    width: 100%;
    height: 100%;
}
.detail-data-search-number {
    font-size: 28rpx;
    font-weight: Normal;
    color: #bcbcbc;
    margin-left: 10rpx;
}

.detail-data-collect > view {
    display: inline-block;
    vertical-align: middle;
}
.detail-data-collect-img {
    width: 34rpx;
    height: 34rpx;
}
.detail-data-collect-img > image {
    width: 100%;
    height: 100%;
}
.detail-data-collect-number {
    font-size: 28rpx;
    font-weight: Normal;
    color: #ffbb00;
}
.not-detail-data-collect-number {
    color: rgb(223, 223, 223);
}
.detail-data-collect-layer > view {
    display: inline-block;
    vertical-align: middle;
}
.detail-data-collect {
    width: 50%;
    text-align: right;
}
.detail-data-collect1 {
    margin-left: 40rpx;
}

/* goodsDetail */
.goodsDetail {
    margin-top: 20rpx;
    background: #ffffff;
    padding: 40rpx 0;
    margin-bottom: 130rpx;
}
.goodsDetail-text {
    width: 670rpx;
    height: 100rpx;
    border: 2rpx solid #ffdd80;
    border-radius: 50rpx;
    text-align: center;
    line-height: 100rpx;
    margin: auto;
    font-size: 34rpx;
    font-weight: 700;
    color: #ffc84c;
    margin-top: 40rpx;
}
.goodsDetail-img {
    width: 100%;
}
.goodsDetail-img-list > image {
    width: 100%;
}
.goodsDetail-img-title {
    font-size: 34rpx;
    font-weight: 700;
    color: #3a3943;
    padding-bottom: 40rpx;
    padding-left: 40rpx;
}

/* orderSubmit */
.orderSubmit {
    padding: 20rpx 0;
    background: #ffffff;
    position: fixed;
    width: 100%;
    bottom: 0;
    border-top: 1px solid #e4dddd;
}
.orderSubmit > view {
    display: inline-block;
    vertical-align: middle;
}
.orderSubmit-cart {
    width: 280rpx;
    text-align: center;
}
.orderSubmit-cart-img {
    width: 44rpx;
    height: 44rpx;
    margin: auto;
}
.orderSubmit-cart-img > image {
    width: 100%;
    height: 100%;
}
.orderSubmit-cart-text {
    font-size: 24rpx;
    font-weight: 700;
    text-align: center;
    color: #3a3943;
}
.orderSubmit-but {
    width: 440rpx;
}
.orderSubmit-but > view {
    display: inline-block;
    vertical-align: middle;
}
.orderSubmit-but-search {
    width: 220rpx;
    height: 88rpx;
    background: #3a3943;
    border-radius: 200rpx 0pt 0pt 200rpx;
}
.orderSubmit-but-search-but {
    padding: 0;
    display: inline;
}
.orderSubmit-but-search-title {
    font-size: 28rpx;
    height: 44rpx;
    line-height: 54rpx;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
}
.orderSubmit-but-search-price {
    height: 44rpx;
    line-height: 34rpx;
    font-size: 24rpx;
    font-weight: 700;
    text-align: center;
    color: #9896a9;
}

.orderSubmit-but-order {
    width: 220rpx;
    height: 88rpx;
    background: #ffdc8d;
    border-radius: 0 50rpx 50rpx 0;
}
.orderSubmit-but-order-title {
    height: 44rpx;
    line-height: 54rpx;
    font-size: 28rpx;
    font-weight: 700;
    text-align: center;
    color: #3a3943;
}
.orderSubmit-but-order-price {
    height: 44rpx;
    line-height: 34rpx;
    font-size: 24rpx;
    font-weight: 700;
    text-align: center;
    color: #ce930d;
}
.goods-pt {
    margin-top: 26rpx;
    display: flex;
    width: 15%;
    height: fit-content;
    text-align: center;
    background: linear-gradient(#ffac8d, #ff8690);
    box-shadow: 0 5rpx 5rpx 0 rgba(255, 128, 129, 0.5);
    border-radius: 5%;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 10rpx 10rpx;
    color: #ffffff;
}

.shareContent {
    margin-top: 48rpx;
    display: flex;
    /* justify-content: space-evenly; */
}
.shareContent image {
    width: 52rpx;
    height: 52rpx;
    margin-bottom: 16rpx;
}
.itemShare {
    width: 50%;
    position: relative;
    text-align: center;
}
.shareContent button {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.1;
}
.shareContent button:after {
    border: 0;
}
.button-hover {
    background-color: #fff;
}
.posterTit {
    height: 98rpx;
    line-height: 98rpx;
    padding-left: 20rpx;
    margin-bottom: 40rpx;
    color: #333333;
    opacity: 0.8;
    font-size: 30rpx;
    font-weight: bold;
    background-color: #f2f2f2;
}
.posterContainer {
    text-align: center;
}
.posterContainer image {
    width: 400rpx;
    height: 711rpx;
    box-shadow: 4rpx 4rpx 8rpx 0 rgba(0, 0, 0, 0.2);
}
.imgSaveBtn {
    width: 710rpx;
    height: 96rpx;
    line-height: 96rpx;
    text-align: center;
    color: #fff;
    margin: 40rpx 20rpx 20rpx;
    background-color: #87a6ab;
    border-radius: 60rpx;
}
.saveTip {
    font-size: 24rpx;
    color: #333333;
    opacity: 0.5;
}

.shareTit {
    padding-left: 20rpx;
    height: 67rpx;
    background-color: #f2f2f2;
    color: #333333;
    opacity: 0.8;
    font-size: 30rpx;
    font-weight: bold;
    padding-top: 30rpx;
}
.itemShare .wxLogoIcon {
    width: 58rpx;
    height: 58rpx;
}
.shareTip {
    color: #333333;
    opacity: 0.5;
    font-size: 24rpx;
    margin-top: 44rpx;
    padding-left: 20rpx;
}
.hasGetIt {
    opacity: 0.5 !important;
}
